.mine-info {
    padding: .3rem .3rem 0 .3rem;
    box-sizing: border-box;
    display: flex;

    .avatar {
        width: 1.28rem;
        height: 1.28rem;
        border-radius: 50%;
    }

    .info {
        padding: .08rem 0 .08rem .2rem;
        box-sizing: border-box;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        div {
            display: flex;
            justify-content: space-between;

            &:nth-of-type(1) {
                flex: 1;
                display: flex;
                justify-content: space-between;

                .name {
                    font-size: .28rem;
                    
                    color: #333333;
                }

                .edit {
                    width: 1.38rem;
                    height: .5rem;

                    background: rgba(32, 101, 160, 1);
                    border-radius: .43rem;
                    border: .02rem solid rgba(32, 101, 160, 1);
                    padding: .08rem .2rem;
                    box-sizing: border-box;

                    a {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        width: 100%;

                        img {
                            width: .32rem;
                            height: .32rem;
                        }

                        span {
                            font-size: .24rem;
                            
                            color: rgba(255, 255, 255, 1);
                        }
                    }
                }
            }

            &:nth-of-type(2) {
                display: flex;
                justify-content: unset;

                span {
                    word-break: break-all;
                    font-size: .28rem;
                    
                    color: #333333;

                    &:nth-of-type(1) {}

                    &:nth-of-type(2) {
                        margin-left: .36rem;
                    }
                }
            }
        }
    }
}

.tags {
    padding: .3rem .3rem 0 .3rem;
    box-sizing: border-box;
    border-bottom: #F5F5F5 solid .02rem;

    .tag {
        margin-right: .3rem;
        border-radius: .41rem;
        border: .02rem solid rgba(32, 101, 160, 1);
        font-size: .26rem;
        
        color: #2065a0;
        padding: .11em .23rem;
        box-sizing: border-box;
        margin-bottom: .2rem;
        display: inline-block;
    }
}

.introduce {
    padding: .2rem .3rem;
    border-bottom: #F5F5F5 solid .2rem;


    .myintro {
        font-size: .28rem;

        color: #333333;
    }

    .arwintro {
        text-indent: 2em;
        margin-top: .16rem;
        font-size: .28rem;

        color: #999;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-direction: column;

        .myintro {
            color: #333;
        }

        .intro {
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            height: 1.5rem;
            text-align: justify;
            color: #999;
            transition: ease-in all 1s;
         
        }

        .down_arrow {
            margin-top: .2rem;
            width: .4rem;
            transition-duration: 0.5s;
            height: .2rem;
        }

    }

    .arwintro .down_arrow1 {
        transform: rotate(180deg);
        transition-duration: 0.5s;
    }
}

.showintro {
    color: #999;
    transition: ease-in all 1s;
}

.tab-list {
        
        
        

        a {
            border-bottom: #F5F5F5 .02rem solid;
        
        padding: 0 .3rem;
        box-sizing: border-box;
            height: 1rem;
            display: flex;
        align-items: center;
        justify-content: space-between;
            .lt {
                display: flex;
                align-items: center;

                img {
                    width: .46rem;
                    height: .46rem;
                }

                .otherclass {
                    width: .46rem;
                    height: .4rem;
                }

                span {
                    font-size: .3rem;
                    
                    color: #333333;
                    margin-left: .34rem;
                }
            }

            .rt {
                width: .14rem;
                height: .24rem;
            }
        }

    a:last-child {
        height: 1.2rem;
        border-bottom: .2rem solid #F5F5F5;
    }
}